<template>
    <div class="indexcontent">
        <pageHeader ref="header"></pageHeader>
        <div class="section option-section">
            <div class="section-main option-main">
                <div class="pagerouter">
                    <router-link tag="a" :to="{name:'index'}" class="pagerouter-item pagerouter-a">首页</router-link>
                    <span class="pagerouter-arrow">></span>
                    <router-link tag="a" :to="{name:'Safecenter'}" class="pagerouter-item pagerouter-a">安全中心
                    </router-link>
                    <span class="pagerouter-arrow">></span>
                    <span class="pagerouter-item">安全设置-修改登录密码</span>
                </div>
                <div class="option-wrap">
                    <div class="option-tl">
                        <div class="option-tlsm">登陆密码</div>
                    </div>
                    <div class="option-bd">
                        <div class="changepass-form">
                            <div class="clearfix changepass-inpgroup">
                                <input type="text" placeholder="请设置新登陆密码">
                                <div class="changepass-tips">
                                    8-16位字符，至少包含数字、字母（区分大小写）、符号中的2种。
                                </div>
                            </div>
                            <div class="clearfix changepass-inpgroup">
                                <input type="text" placeholder="请再次输入新登陆密码">
                            </div>
                            <div class="clearfix changepass-inpgroup changepass-codeinp">
                                <input type="text" placeholder="请输入验证码">
                                <button type="button" class="getcode">ssss</button>
                            </div>
                            <div class="changepass-inpgroup">
                                <span class="changepass-err">输入错误</span>
                            </div>
                            <div class="clearfix changepass-inpgroup">
                                <button type="button" class="changebtn">提交</button>
                            </div>
                        </div>
                    </div>

                    <div class="option-ft">

                    </div>
                </div>
            </div>
        </div>
        <pageFooter/>
    </div>
</template>

<script>
    import pageHeader from '@/components/pageHeader'
    import pageFooter from '@/components/pageFooter'
    import {mapMutations} from 'vuex'

    export default {
        name: 'optionchangepass',
        components: {
            pageHeader,
            pageFooter
        },
        data() {
            return {}
        },
        created() {

        },
        computed: {},

        mounted() {

        },
        beforeDestroy() {

        },
        methods: {}
    }
</script>

<style scoped lang="scss">

</style>
